﻿<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>360度查看</title>
    <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="js/wemark360.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/wemark360.css"/>
    <link rel="stylesheet" href="css/index.css"/>
   <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script>
        $(document).ready(function(){
            $('img').on('dragstart',function (event) {
                event.preventDefault();
            });
        });
    </script>
</head>
<body>







    <!--页头-->



<div class="header" >
        <div class="header-center">
            <div class="logo">
                <img src="img/logo_03.png"/>
            </div>
            <div class="nav">
                <div class="nav-left">福特Mustang 2.3T</div>
                <div class="nav-center">市场指导价：￥39.98万-￥40.58万</div>
                <div class="nav-right">福特Mustang V8 GT</div>
            </div>
        </div>
    </div>


<div class="right" >
    <div class="right-style">
        <div class="shadow"></div>
        <div class="title-bar">视频专区
            <div class="deg"></div>
        </div>
        <div class="right-but"></div>
        <div class="right-centent">
            <div class="right-video" >
                <div class="right-video-text">Make it personal 30s</div>
                <div class="video-bg play_video"></div>
            </div>

            <div class="right-video right-video-marginTop" >
                <div class="right-video-text">中美规 大不同</div>
                <div class="video-bg video-bg2 play_video"></div>
            </div>

            <div class="right-video right-video-marginTop play_video">
                <div class="right-video-text">Mustang_Walkaround</div>
                <div class="video-bg video-bg3 play_video"></div>
            </div>

        </div>
    </div>
</div>


<div class="car">
    <div class="car-center">
        <div class="car-img">


            <div id="container" ></div>
            <div id="iframe" class="iframe">
                <div id="iframe_container1" class="iframe_container1">
                    <iframe id="iframe1" frameborder="0"></iframe>
                </div>
                <div id="exterior" class="exterior" title="切换外观">
                </div>
            </div>

            <div id="load-icon" class="load-icon">
                <img class="load-img" src="../img/loading6.gif">
            </div>
        </div>


        <div class="option">
            <div class="option-left drive">查询经销商</div>
            <div class="option-right drive">预约试驾</div>
            <a href="http://fjdysx.com/3d" class="link-but">切换内饰</a>
        </div>

           <ul class="but-li">
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
           </ul>
    </div>
</div>

<!--视频-->

<video style="display:none;" class="video" src="video/1.mp4" type="video/mp4" id="video" autoplay="autoplay" controls="controls"></video>
<script>
   $(".video-bg").click(function(){
               wx.miniProgram.navigateTo({url: '/pages/logs/logs'})
   })
   
   $(".drive").click(function(){
               
               wx.miniProgram.navigateTo({url: '/pages/drive/drive'})
   })
   
</script>




</body>
</html>